<template>
    <Modal v-on:hidden="$emit('hidden')">
        <div class="polygon flexC">
            <!-- 点击关闭弹窗 -->
            <p class="polygonBtnClose" @click.self="$emit('hidden')"></p>
            <div class="flex1" style="padding:2rem 2rem;">
                <slot></slot>
            </div>
        </div>
    </Modal>
</template>
<script>
import Modal from './Modal'
export default {
  name: 'ModalGreenPolygon',
  components: {
    Modal
  }
}
</script>
<style lang="scss" scoped>
.polygon {
    width: 90%;
    height: 84%;
    position: absolute;
    top: 8%;
    left: 5%;
    background: url(../assets/img/comprehensive/green_bg.png) no-repeat;
    background-size: 100% 100%;
    .polygonBtnClose {
        position:absolute;
        top:3.2%;
        right:2%;
        cursor:pointer;
        width: 3rem;
        height: 3rem;
        background: url(../assets/img/comprehensive/7.png) no-repeat;
        background-size: 100% 100%;
    }
}
</style>
